<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>业界动态 / 加捷动态_加捷事务所厦门公司注册，注册公司代理，代理记账一站式服务。</title>
		<link rel="stylesheet" href="./static/css/common.css">
		<link rel="stylesheet" href="./static/css/personal.css">
		<link rel="stylesheet" href="./static/css/gszc.css">
		<link rel="stylesheet" type="text/css" href="static/css/gongsidongtai.css" />
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<link rel="stylesheet" type="text/css" href="static/css/webbase.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/pages-list.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/widget-cartPanelView.css"/>
		<script src="static/js/jquery.1.9.1.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<script src="static/js/vue/vuetify.js"></script>
		<script src="static/js/axios.min.js"></script>
		<script src="static/js/common.js"></script>
	</head>
	<body>
		<div id="JJindex">
			<!-- 头部 -->
			<div class="header-head">
				<div class="header-title">
					<div class="flex justify-between max-width margin-about-auto">
						<div class="flex">
							<div>您好，欢迎来到加捷</div>
							<div class="flex margin-left-xxl">
								<div class="header-title-img">
									<img src="./static/img/index/mobile-ico.png" />
								</div>
								<div>手机网站</div>
							</div>
							<div class="flex margin-left-xxl">
								<div class="header-title-img-two">
									<img src="./static/img/index/head-tel.png" />
								</div>
								<div>400-056-8669</div>
							</div>
						</div>
						<div class="flex">
							<div class="header-title-img-three">
								<img src="./static/img/index/video-ico.png" />
							</div>
							<div class="header-title-img-three-a"><a href="https://v.youku.com/v_show/id_XNjUzNzgwMTQ4.html" target="_blank">观看微电影《轨迹》</a></div>
						</div>
					</div>
				</div>
				<!-- 内容 -->
				<div class="header-content">
					<div class="max-width margin-about-auto flex justify-between">
						<!-- 左边logo -->
						<div class="logo">
							<a href="index.html"><img src="./static/img/index/logo.png" /></a>
						</div>
						<div>
							<!-- 右边荣誉 -->
							<div class="flex header-content-right-fame" id="fame">
							</div>
							<!-- 右边菜单 -->
							<div class="flex nav">
								<div class="header-content-right-nav cursor-pointer" v-for="(item,index) in navList" :key="index" :class="tabIndexTwo==index?'header-content-right-nav-font':''"
								 @mouseover="hoveNav(index)" @mouseleave="mouseLeave(index)">
									<div class='header-content-right-nav-img' v-if="index==0||index==1">
										<img src="./static/img/index/hot.gif" />
									</div>
									<div :class="tabIndex==index?'header-content-right-nav-font':''"><a :href=item.pageUrl>{{item.name}}</a></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 内容 -->
			<div class="max-width margin-about-auto gsdt-main">
				<div class="gsdt-main-nav margin-tb">
					<el-breadcrumb separator-class="el-icon-arrow-right">
						<el-breadcrumb-item><a href="index.html">首页</a></el-breadcrumb-item>
						<el-breadcrumb-item><a href="yejiedongtai.html">业界动态</a></el-breadcrumb-item>
						<el-breadcrumb-item>法律法规</el-breadcrumb-item>
					</el-breadcrumb>
				</div>
				<div class="gsdt-head flex">
					<div class="gsdt-head-noselect"><a href="gongsidongtai.html">加捷动态</a></div>
					<div class="gsdt-head-noselect"><a href="hangyedongtai.html">行业动态</a></div>
					<div class="gsdt-head-select"><a href="falvfagui.html">法律法规</a></div>
					<div class="gsdt-head-noselect"><a href="xingzhengtongzhi.html">行政通知</a></div>
				</div>
				<div class="margin-bottom-xl flex flex-wrap justify-between">
					<div v-for="(item,index) in cardList" :key="index" class="gsdt-content">
						<div class="gsdt-content-img"><img :src=item.url></div>
						<div class="gsdt-content-title">{{item.title}}</div>
						<div class="gsdt-content-content">{{item.content}}</div>
					</div>
				</div>
				<!--<div class="text-center margin-bottom-xl gsdt-page">
					<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"
					 :page-size="pageSize" layout="total, prev, pager, next" :total="total" background>
					</el-pagination>
				</div>-->
				<div class="fr">
					<div class="sui-pagination pagination-large">
						<ul>
							<li class="prev" :class="{disabled: search.page==1}" @click="pre()">
								<a href="#">«上一页</a>
							</li>
							<li :class="{active:index(i)==search.page}" v-for="i in Math.min(5, totalPage)" @click="search.page=index(i)">
								<a href="#">{{index(i)}}</a>
							</li>
							<li class="dotted"><span>...</span></li>
							<li class="next" :class="{disabled: search.page==totalPage}" @click="next()">
								<a href="#">下一页»</a>
							</li>
						</ul>
						<div><span>共{{totalPage}}页&nbsp;</span>
							<!--<span>
      到第
      <input type="text" class="page-num">
      页 <button class="page-confirm" onclick="alert(1)">确定</button></span>-->
						</div>
					</div>
				</div>
			</div>
			<!-- 底部 -->
			<div class="foot">
				<div class="foot-box1">
					<div class="max-width margin-about-auto flex">
						<div class="foot-box1-head">
							<div class="foot-box1-head-tel flex">
								<div class="foot-box1-head-tel-img margin-right-xs"><img src="static/img/index/tel.png"></div>
								<div class="foot-box1-head-tel-font">客服热线：<span>400-056-8669</span></div>
							</div>
							<div class="foot-box1-head-tel flex margin-tb">
								<div class="foot-box1-head-tel-img margin-right-xs"><img src="static/img/index/tel2.png"></div>
								<div class="foot-box1-head-Complaint-font"><span>投</span>诉：0592-2681668</div>
							</div>
							<div class="foot-after-service"><a href="http://p.qiao.baidu.com/cps/chat?siteId=3568376&userId=5889699" target="_blank">售后服务</a></div>
						</div>
						<div class="foot-line"></div>
						<div class="foot-box1-content flex">
							<div class="foot-box1-content-head">
								<div class="foot-box1-content-head-head">关于加捷</div>
								<div class="foot-box1-content-head-content">
									<div>加捷集团</div>
									<div>企业期刊</div>
									<div>校企合作</div>
								</div>
							</div>
							<div class="foot-box1-content-head margin-left">
								<div class="foot-box1-content-head-head">公司业务</div>
								<div class="foot-box1-content-head-content">
									<div>工商注册</div>
									<div>财税代理</div>
									<div>商标注册</div>
									<div>审计/税审/评估</div>
									<div>会计培训</div>
									<div>人力社保</div>
									<div>法律服务</div>
								</div>
							</div>
							<div class="foot-box1-content-head margin-left">
								<div class="foot-box1-content-head-head">实用链接</div>
								<div class="foot-box1-content-head-content">
									<div>厦门市国家税务局</div>
									<div>厦门市地方税务局</div>
									<div>厦门市工商局红盾信息网</div>
									<div>厦门公司注册名称预查</div>
									<div>厦门公司经营范围生成器</div>
									<div>厦门企业信息查询</div>
								</div>
							</div>
							<div class="foot-box1-content-head margin-left">
								<div class="foot-box1-content-head-head">公司分布地址</div>
								<div class="foot-box1-content-head-content">
									<div>厦门总部:思明区湖滨西路慧景城87号之3-9号</div>
									<div>湖里分公司:湖里区大唐地产C栋2607-2609单元(市行政服务中心对面)</div>
									<div>集美分公司:集美区杏林湾营运中心2#2005-2008单元</div>
									<div>同安分公司:同安区银湖路体育馆对面文体一条街1-3#店面</div>
									<div>翔安分公司:翔安区宋坂南街三里67号105-109店面</div>
									<div>海沧分公司:海沧区滨湖一里天湖城1号楼6梯306</div>
								</div>
							</div>
						</div>
						<div class="foot-line"></div>
						<div class="foot-box1-foot flex">
							<div class="foot-box1-foot-erwe" @click="alertImg(1)">
								<div class="foot-box1-foot-erwe-img">
									<img src="static/img/index/erweima.png">
								</div>
								<div class="foot-box1-foot-erwe-font">关注加捷微信公众号</div>
							</div>
							<div class="foot-box1-foot-erwe margin-left" @click="alertImg(2)">
								<div class="foot-box1-foot-erwe-img">
									<img src="static/img/index/douyin.jpg">
								</div>
								<div class="foot-box1-foot-douyin-font">关注加捷抖音号</div>
							</div>
						</div>
					</div>
				</div>
				<div class="foot-box2">
					<div class="max-width margin-about-auto">
						<div class="flex justify-center foot-box2-content margin-top">
							<div class="foot-box2-content-img cursor-pointer"><a href="https://www.bsan.org.cn/brand/CY2019V08KYQTA3TY.html?ref=client"
								 target="_blank"><img src="static/img/index/ex-logo-1.png"></a></div>
							<div class="foot-box2-content-img margin-left cursor-pointer"><a href="http://brand.zhonghongwang.com/show-10-1587-1.html"
								 target="_blank"><img src="static/img/index/zhLogo.png"></a></div>
						</div>
						<div class="foot-box2-foot margin-top">Copyright<span>©</span>厦门加捷企业服务中心有限公司 版权所有 闽ICP备19016845号</div>
					</div>
				</div>
			</div>
			<el-dialog :visible.sync="alertShow" :show-close="false">
				<img :src=alertimg style="height: 100%;width: 100%;">
			</el-dialog>
			<!-- 浮动小蜜蜂 -->
			<div class="floating">
				<div><img src="static/img/zjjj/mascot.png"></div>
				<div class="floating-box">
					<div v-for="(item,index) in floatList" :key="index" class="floating-box-for" :class="floatIndex==index?'floating-box-for-two':''"
					 @mousemove="floatMove(index)" @mouseleave="floatLeave(index)">
						<div class="floating-box-for-img" v-if="index==0||index==1">
							<a href="https://shang.qq.com/open_webaio.html?sigt=724406308e963865a37c757c20eb827b23a559cce485db17dff7d0e952d35083876582679f4779f6d13bbc4e4c48dbad&sigu=4aa8074160d605674b8410471cb34cbf5959e1d398a051b122338029db79f24be6e0b20a4809ea1b&tuin=1043945848"
							 target="_blank">
								<div class="floating-box-for-img"><img :src=item.url></div>
								<div class="floating-box-for-font">{{item.name}}</div>
							</a>
						</div>
						<div v-else>
							<div class="floating-box-for-img"><img :src=item.url></div>
							<div class="floating-box-for-font">{{item.name}}</div>
						</div>
					</div>
				</div>
			</div>
			<div class="float-jiajie-tel flex" v-if="floatIndex==2">
				400-056-8669
			</div>
			<div class="float-jiajie-ewm flex" v-if="floatIndex==3">
				<img src="static/img/index/erweima.png" style="height: 100%;width: 100%;">
			</div>
		</div>
		</div>
	</body>
	<script type="text/javascript">
		var JJindex = new Vue({
			el: '#JJindex',
			data: {
			    jjzd,
				tabIndex: 0,
				tabIndexTwo: -1,
				alertShow: false,
				alertimg: "",
				floatIndex: -1,
				message: "备案实际经营场所",
				//page: 1,
                totalPage: 1,
                total: 200,
                search:{
                    cid : "",
                    page : 1
                },
				navList: [{
					pageUrl: "gszc.html",
					name: "工商注册"
				}, {
					pageUrl: "csdl.html",
					name: "财税代理"
				}, {
					pageUrl: "sbzc.html",
					name: "商标注册"
				}, {
					pageUrl: "audit.html",
					name: "审计/税审/验资/评估"
				}, {
					pageUrl: "kjpx.html",
					name: "会计培训"
				}, {
					pageUrl: "rlsb.html",
					name: "人力社保"
				}, {
					pageUrl: "lws.html",
					name: "法律服务"
				}, {
					pageUrl: "zjjj.html",
					name: "走进加捷"
				}],
				floatList: [{
					url: "static/img/index/qq1.png",
					urls: "static/img/index/qq2.png",
					name: "QQ咨询"
				}, {
					url: "static/img/index/sq1.png",
					urls: "static/img/index/sq2.png",
					name: "网页咨询"
				}, {
					url: "static/img/index/tel3.png",
					urls: "static/img/index/tel4.png",
					name: "电话咨询"
				}, {
					url: "static/img/index/sao1.png",
					urls: "static/img/index/sao2.png",
				}, ],
				cardList: [{
					title: "新年第一战 | 加捷跑团厦门马拉松活力开",
					content: "2020年1月5日上午7时30分， 今年的第一场马拉松在厦门开跑， 作为首场金标赛事， 首马可谓是高手云集， 共有来自世界各地的三万五千多人..",
					url: "static/img/gongsidongtai/1-20010Q00FJ06.jpg",
				}, {
					title: "新年第一战 | 加捷跑团厦门马拉松活力开",
					content: "2020年1月5日上午7时30分， 今年的第一场马拉松在厦门开跑， 作为首场金标赛事， 首马可谓是高手云集， 共有来自世界各地的三万五千多人..",
					url: "static/img/gongsidongtai/1-20010Q00FJ06.jpg",
				}, {
					title: "新年第一战 | 加捷跑团厦门马拉松活力开",
					content: "2020年1月5日上午7时30分， 今年的第一场马拉松在厦门开跑， 作为首场金标赛事， 首马可谓是高手云集， 共有来自世界各地的三万五千多人..",
					url: "static/img/gongsidongtai/1-20010Q00FJ06.jpg",
				}, {
					title: "新年第一战 | 加捷跑团厦门马拉松活力开",
					content: "2020年1月5日上午7时30分， 今年的第一场马拉松在厦门开跑， 作为首场金标赛事， 首马可谓是高手云集， 共有来自世界各地的三万五千多人..",
					url: "static/img/gongsidongtai/1-20010Q00FJ06.jpg",
				}, ]
			},created() {

                var fameList = [{
                    url: "./static/img/index/head-right1.png",
                    name: "资质认证"
                },
                    {
                        url: "./static/img/index/head-right2.png",
                        name: "专人服务"
                    },
                    {
                        url: "./static/img/index/head-right3.png",
                        name: "售后无忧"
                    },
                    {
                        url: "./static/img/index/head-right4.png",
                        name: "口碑传播"
                    }
                ];
                var html = "";
                for (let i = 0; i < fameList.length; i++) {
                    html += "<div class='flex align-items-center margin-right right-fame-for'>";
                    html += "<div class='margin-right-xs'>";
                    html += " <img src='" + fameList[i].url + "' /> </div>";
                    html += " <div>" + fameList[i].name + "</div> </div>"
                }
                $("#fame").html(html);

                // 转化成search对象{key: value}
                const search = jjzd.parse(location.search.substring(1));
                // 初始化page参数，如果地址栏有page参数，获取page参数，并把page转化为int类型
                search.page = parseInt(search.page) || 1;

                this.search = search;


                this.loadData();
            },
            watch: {
            search: {
                deep: true,
                    handler(newVal, oldVal){
                    if (!oldVal||!oldVal.cid) {
                        return ;
                    }
                    window.location = "http://www.jjzd.com/hangyedongtai.html?" + jjzd.stringify(this.search);
                }
            }
        },
			methods: {
                loadData(){
                    jjzd.http.post("/info/article/morePage",this.search).then(({data}) => {
                        this.cardList = data.items;
                        // 获取总页数
                        this.totalPage = data.totalPage;
                        // 获取总条数]
                        this.total = data.total;
                    }).catch(()=>{

                    });
                },
                index(i){
                    if (this.search.page <= 3 || this.totalPage <= 5) {
                        return i;
                    } else if(this.search.page >= this.totalPage - 2) {
                        return this.totalPage - 5 + i;
                    } else {
                        return this.search.page - 3 + i;
                    }
                },
                pre(){
                    if (this.search.page > 1) {
                        this.search.page--;
                    }
                },
                next(){
                    if (this.search.page < this.totalPage) {
                        this.search.page++;
                    }
                },
				hoveNav: function(index) {
					this.tabIndexTwo = index
				},
				mouseLeave: function(index) {
					this.tabIndexTwo = -1;
				},
				alertImg: function(index) {
					this.alertShow = true;
					console.log(index);
					if (index == 1) {
						this.alertimg = "static/img/index/erweima.png"
					} else {
						this.alertimg = "static/img/index/douyin.jpg"
					}
				},
				floatMove: function(index) {
					this.floatIndex = index;
					if (index == 0) {
						this.floatList[index].url = "static/img/index/qq2.png"
					} else if (index == 1) {
						this.floatList[index].url = "static/img/index/sq2.png"
					} else if (index == 2) {
						this.floatList[index].url = "static/img/index/tel4.png"
					} else if (index == 3) {
						this.floatList[index].url = "static/img/index/sao2.png"
					}
				},
				floatLeave: function(index) {
					this.floatIndex = -1;
					if (index == 0) {
						this.floatList[index].url = "static/img/index/qq1.png";
					} else if (index == 1) {
						this.floatList[index].url = "static/img/index/sq1.png";
					} else if (index == 2) {
						this.floatList[index].url = "static/img/index/tel3.png";

					} else if (index == 3) {
						this.floatList[index].url = "static/img/index/sao1.png";
					}
				},
				handleSizeChange(val) {
					console.log(`每页 ${val} 条`);
				},
				handleCurrentChange(val) {
					console.log(`当前页: ${val}`);
				}
			}
		})

	</script>
</html>
